<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html" >
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
        </script> 

        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Social Full Fun</title>
                <link rel="shortcut icon" type="image/x-icon" href="http://#{initParam['DIRECCION_SERVIDOR']}/Iconos/icono.ico"/>
            </f:facet>
            <link href="http://#{initParam['DIRECCION_SERVIDOR']}/estilos/estilo-comunLogin/theme.css" rel="stylesheet" type="text/css"/>
        </h:head>

        <h:body>
            <p:layout  fullPage="true">
                <p:layoutUnit  position="center">
                    <h:form binding="#{googleMapControlador.formularioMapa}">
                        
                        
                            <h:outputLabel value="#{googleMapControlador.sucursal.suNombre}" style=" font-family:segoe script"/>
                            <br/>
                            <center><h:panelGrid columns="2" cellspacing="2">
                                <h:outputText value="Ubícanos:" style="font-family:segoe script "/>
                                <h:outputLabel value="#{googleMapControlador.sucursal.suTelefonoUno} / #{googleMapControlador.sucursal.suTelefonoDos}" style="font-family:segoe script "/>                                          
                                </h:panelGrid></center>
                        <center style="float: bottom">
                        <p:gmap center="#{googleMapControlador.sucursal.ubicacionCompleta}" 
                                zoom="15" type="ROADMAP"  model="#{googleMapControlador.simpleModel}" 
                                style="width:475px;height:250px" />
                         <h:panelGrid columns="2" cellspacing="2"> 
                            <h:outputLabel value="#{googleMapControlador.sucursal.suDireccion}" style="font-family:segoe script"  />
                        </h:panelGrid>
                      </center>
                    </h:form>       
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>